<template>
    <div>
        <div>
            <div class="buzhou">
            <el-steps :active="active" finish-status="success" style="width:600px">
  <el-step title="步骤 1"></el-step>
  <el-step title="步骤 2"></el-step>
  <el-step title="步骤 3"></el-step>
</el-steps></div>

            <div>
                <table v-for="(item,i) in list" :key="i" border="1" width =800px   height=50px>
                    <tr>
                        <td>
                            <h2>当前节点</h2>
                            </td>
                        <td>
                            <h2>当前属性</h2>
                            </td>
                        <td>
                            <h2>内容值</h2>
                            </td>
                    </tr>
                    <td><b>{{item.node_id}}</b></td>
                    <td>{{item.attr_id}}</td>
                    <td>{{item.content}}</td>
                </table>
                <br>
                <br>
                <el-button type="info" @click="shenpi">查看审批进度</el-button>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'faqi',
    data() {
        return {
            list:[],
            active: 0
        };
    },
    props: {},

    components: {},

    created() {},

    mounted() {
        this.shownodeattrinst()
    },

    methods: {
        shownodeattrinst(){
            this.axios.get('http://127.0.0.1:8000/proces/v1/shownodeattrinst/').then(res=>{
                if (res.data.code) {
                    this.list = res.data.data
                }
            }).catch(err=>{
                console.log(err);
            })
        },
        shenpi(){
            this.$router.push('/shenpi')
            this.active =1
        },
        
    },

    computed: {},

    watch: {},

    directives: {},

    filters: {}
};
</script>

<style >
.buzhou{
    padding-left: 10%;
}
</style>
